<template>
  <div class="vallet-content-box">
     <div class="vallet-box">
        <div style="height: 160px;background-image: linear-gradient(to bottom,rgba(255, 243, 190, 1),rgba(254, 224, 128, 1));">
            <div class="vallet-return">
                <img style="vertical-align: middle;position: absolute;left: 15px;" @click="Walletreturn()" src="../../assets/img/heiRaturn.svg" alt="">
            </div>
        </div>
        <div style="padding:0px 10px;position: absolute;top:58px;height:calc(100vh - 58px);width: 100%;">
            <div style="background-color: #fff;width: 100%;height: 100%;border-radius: 10px 10px 0px 0px;">
                <img style="position: relative;left: calc(50% - 25px);margin-top: 40px;" src="../../assets/img/invest-icon-success.svg" alt="">
                <!-- <img style="position: relative;left: calc(50% - 25px);margin-top: 40px;" src="../../assets/img/invest-icon-fail.svg" alt=""> -->
                <div style="text-align: center;font-size: 20px;font-weight: bold;margin-top: 15px;">支付成功</div>
                <!-- <div style="text-align: center;font-size: 20px;font-weight: bold;margin-top: 15px;">已取消</div>    -->
                <div style="padding:0px 15px;margin-top:29px;">
                    <div class="recordCla">
                        <span style="font-size: 14px;">充值积分</span>
                        <span style="color:#FDC136;float: right;font-size: 14px;">100积分</span>
                    </div>
                    <div class="recordCla">
                        <span style="font-size: 14px;">充值金额</span>
                        <span style="color:#888888;float: right;font-size: 14px;">¥8</span>
                    </div>
                    <div class="recordCla">
                        <span style="font-size: 14px;">充值时间</span>
                        <span style="color:#888888;float: right;font-size: 14px;">2020-3-16 08:00:00</span>
                    </div>
                </div>
            </div>
        </div>
     </div>
  </div>
</template>

<script>
    export default {
        name: "resultRecord",
        data(){
           return{
           }
        },
        mounted() {
            this.userId = localStorage.getItem('user_id');
        },
        methods:{
            initData(){
                this.$http.post(this.utils.config + "/netmall/app/gamecenter/api/getLoginUserAllTasks?user_id=" + this.userId, { user_id: this.userId }).then((data) => {
                    if (data.data.success) {
                        this.integral = data.data.result.integral.integral;
                    }
                })
            },
            Walletreturn(){
                this.$router.push('/integralTopUp');
            },
        }
    }

</script>

<style scoped>
    .vallet-return{
        padding: 12px 15px;
        font-size:16px;
        font-family:PingFangSC-Semibold,PingFang SC;
        font-weight:600;
        color:rgba(255,255,255,1);
        line-height:22px;
        text-align: center;
        position: relative;
        width: 100%;
    }
    .recordCla{
        padding: 20px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
</style>
